<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 头部的大盒子 两部分 -->
    <div class="header">
        <!-- 第一部分 黑色 -->
        <div class="site-topbar">
            <!-- 第一部分的大盒子 -->
            <div class="container">
                <!-- 导航部分 -->
                <div class="topbar-nav">
                    <a href="#">小米商城</a>
                    <span>|</span>
                    <a href="#">MIUI</a>
                    <span>|</span>
                    <a href="#">loT</a>
                    <span>|</span>
                    <a href="#">云服务</a>
                    <span>|</span>
                    <a href="#">天星数科</a>
                    <span>|</span>
                    <a href="#">有品</a>
                    <span>|</span>
                    <a href="#">小爱开放平台</a>
                    <span>|</span>
                    <a href="#">企业团购</a>
                    <span>|</span>
                    <a href="#">资质证照</a>
                    <span>|</span>
                    <a href="#">协议规则</a>
                    <span>|</span>
                    <a href="#">下载app</a>
                    <span>|</span>
                    <a href="#">Select Location</a>
                </div>
                <div class="topbar-right">
                    <!-- 登录注册通知部分 -->
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                    <span>|</span>
                    <a href="#">消息通知</a>
                    <!-- 购物车部分 -->
                    <a class="topbar-cart">
                        <span href="#" class="shopcar">购物车(0)</span>
                    </a>
                    <!-- 下拉的盒子 -->
                    <div class="shopcar-list">
                        <p> 购物车中还没有商品，赶紧选购吧！</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第二部分的大盒子 -->
        <div class="site-header w">
            <!-- 具体查询服务部分 -->
            <div class="container1">
                <!-- logo部分 -->
                <div class="header-logo">
                    <a href="#" title="小米官网" class="logo"></a>
                </div>
                <!-- 中间部分 -->
                <div>
                    <ul class="nav-container">
                        <!-- 小米手机 -->
                        <li class="nav-item">
                            <a href="#" class="nav-title">xiaomi手机</a>
                            <!-- 下拉的大盒子 -->
                            <div class="item-children">
                                <ul>
                                    <li>
                                        <!-- 1 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 2 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 3 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 4 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 5 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- 红米 -->
                        <li class="nav-item">
                            <a href="#" class="nav-title">Redmi 红米</a>
                            <!-- 下拉的大盒子 -->
                            <div class="item-children">
                                <ul>
                                    <li>
                                        <!-- 1 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 2 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 3 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 4 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 5 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- 电视 -->
                        <li class="nav-item">
                            <a href="#" class="nav-title">电视</a>
                            <!-- 下拉的大盒子 -->
                            <div class="item-children">
                                <ul>
                                    <li>
                                        <!-- 1 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 2 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 3 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 4 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 5 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- 笔记本 -->
                        <li class="nav-item">
                            <a href="#" class="nav-title">笔记本</a>
                            <!-- 下拉的大盒子 -->
                            <div class="item-children">
                                <ul>
                                    <li>
                                        <!-- 1 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 2 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 3 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 4 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 5 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- 平板 -->
                        <li class="nav-item">
                            <a href="#" class="nav-title">平板</a>
                            <!-- 下拉的大盒子 -->
                            <div class="item-children">
                                <ul>
                                    <li>
                                        <!-- 1 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 2 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 3 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 4 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 5 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- 家电 -->
                        <li class="nav-item">
                            <a href="#" class="nav-title">家电</a>
                            <!-- 下拉的大盒子 -->
                            <div class="item-children">
                                <ul>
                                    <li>
                                        <!-- 1 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 2 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 3 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 4 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 5 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- 路由器 -->
                        <li class="nav-item">
                            <a href="#" class="nav-title">路由器</a>
                            <!-- 下拉的大盒子 -->
                            <div class="item-children">
                                <ul>
                                    <li>
                                        <!-- 1 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 2 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 3 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 4 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                        <!-- 5 -->
                                        <a href="#">
                                            <img src="images/phone.webp" alt="">
                                            <div class="children-txt">
                                                <div>xiaomi Civi 1s</div>
                                                <div class="ff">2299元起</div>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item"><a href="#" class="nav-title">服务</a></li>
                        <li class="nav-item"><a href="#" class="nav-title">社区</a></li>
                    </ul>
                </div>
                <!-- 尾部搜索 -->
                <div class="header-search">
                    <form action="">
                        <input type="text" value="洗衣机">
                        <a href="#" class="search-btn"><span></span></a>
                    </form>
                </div>
            </div>
        </div>
        <!-- 中间部分 有导航栏的 -->
        <div class="w">
            <div class="middle-container-nav">
                <div class="middle-top">
                    <a href="#"><img src="images/container-nav.webp" alt=""></a>
                    <div class="middle-nav-list">
                        <a href="#">手机</a>
                        <a href="#">电视</a>
                        <a href="#">笔记本 平板</a>
                        <a href="#">出行 穿戴</a>
                        <a href="#">耳机 音响</a>
                        <a href="#">家电</a>
                        <a href="#">智能 路由器</a>
                        <a href="#">电脑 配件</a>
                        <a href="#">健康 儿童</a>
                        <a href="#">生活 箱包</a>
                    </div>
                </div>
            </div>
            <!--  -->
            <div class="middle-bottom">
                <!-- 左1 -->
                <ul class="m-left1">
                    <li>
                        <img src="images/m-list1.png" alt="">
                        <a href="#">保障服务</a>
                    </li>
                    <li>
                        <img src="images/m-list2.png" alt="">
                        <a href="#">企业团购</a>
                    </li>
                    <li>
                        <img src="images/m-list3.png" alt="">
                        <a href="#">F码通道</a>
                    </li>
                    <li>
                        <img src="images/m-list4.png" alt="">
                        <a href="#">米粉卡</a>
                    </li>
                    <li>
                        <img src="images/m-list5.png" alt="">
                        <a href="#">以旧换新</a>
                    </li>
                    <li>
                        <img src="images/m-list6.png" alt="">
                        <a href="#">话费充值</a>
                    </li>
                </ul>
                <img src="images/middle1.jpg" alt="" class="m-item1">
                <img src="images/middle2.jpg" alt="" class="m-item1">
                <img src="images/middle3.jpg" alt="" class="m-item1">
            </div>
        </div>
    </div>
    <!-- 中间背景灰色部分 -->
    <div class="bd">
        <div class="w">
            <!-- 中间的小插图 -->
            <img src="images/note11.webp" alt="" class="experstional">
            <!-- 一个整的大盒子 手机-->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">手机</div>
                    <div class="hd-right">查看更多<em></em></div>
                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left white1">
                            <img src="images/bdimg3.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg1.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1999元起<em>2000元</em></span></div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第二行整个大盒子 智能穿戴-->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">智能穿戴</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">热门</span>
                        <span class="hd-right1-1">穿戴</span>
                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left">
                            <img src="images/bd-ming2.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg2.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg2.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg2.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg2.webp" alt="">
                                <div class="bd-txt">
                                    <h4>Redmi Note 11 Pro+</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span Xiaomi Watch S1>1049元起<em>1090元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg2.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg2.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg2.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item bd-item-uq">
                                <div class="bd-item-uq-txt">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第三行整个大盒子 笔记本 | 平板-->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">笔记本 | 平板</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">热门</span>
                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left">
                            <img src="images/bdimg3.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item-uq-box">
                                <div class="bd-uq-slbox">
                                    <h4 class="bd-item-uq-title">Redmi显示器23.8英寸</h4>
                                    <p class="price">669元</p>
                                </div>
                                <div class="bd-item-uq-txt1">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot1">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第四行整个大盒子 家电-->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">家电</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">热门</span>
                        <span class="hd-right1-1">电视影视</span>
                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left bd-left-uq">
                            <img src="images/leftimg1.webp" alt="">
                            <img src="images/leftimg2.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item-uq-box">
                                <div class="bd-uq-slbox">
                                    <h4 class="bd-item-uq-title">Redmi显示器23.8英寸</h4>
                                    <p class="price">669元</p>
                                </div>
                                <div class="bd-item-uq-txt1">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot1">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第五行整个大盒子 生活电器-->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">生活电器</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">扫地机</span>
                        <span class="hd-right1-1">空净</span>
                        <span class="hd-right1-1">清洁</span>
                        <span class="hd-right1-1">风扇</span>
                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left bd-left-uq">
                            <img src="images/shenghuo1.webp" alt="">
                            <img src="images/shenghuo2.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item-uq-box">
                                <div class="bd-uq-slbox">
                                    <h4 class="bd-item-uq-title">Redmi显示器23.8英寸</h4>
                                    <p class="price">669元</p>
                                </div>
                                <div class="bd-item-uq-txt1">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot1">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 中间的小插图 -->
            <img src="images/xiaomipro.webp" alt="" class="experstional">
            <!-- 第六行整个大盒子 厨房电器-->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">厨房电器</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">净水器</span>
                        <span class="hd-right1-1">烟灶</span>
                        <span class="hd-right1-1">电饭煲</span>
                        <span class="hd-right1-1">微蒸烤</span>
                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left bd-left-uq">
                            <img src="images/dianqi1.webp" alt="">
                            <img src="images/dianqi2.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item-uq-box">
                                <div class="bd-uq-slbox">
                                    <h4 class="bd-item-uq-title">Redmi显示器23.8英寸</h4>
                                    <p class="price">669元</p>
                                </div>
                                <div class="bd-item-uq-txt1">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot1">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第七行整个大盒子 智能家居-->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">智能家居</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">小爱音响</span>
                        <span class="hd-right1-1">门锁</span>
                        <span class="hd-right1-1">路由器</span>
                        <span class="hd-right1-1">智能设备</span>
                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left bd-left-uq">
                            <img src="images/zhineng1.webp" alt="">
                            <img src="images/zhineng2.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item-uq-box">
                                <div class="bd-uq-slbox">
                                    <h4 class="bd-item-uq-title">Redmi显示器23.8英寸</h4>
                                    <p class="price">669元</p>
                                </div>
                                <div class="bd-item-uq-txt1">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot1">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第八行整个大盒子 运动出行 -->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">运动出行</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">平衡车/滑板车</span>
                        <span class="hd-right1-1">运动健身</span>
                        <span class="hd-right1-1">箱包配饰</span>
                        <span class="hd-right1-1">出行工具</span>

                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left bd-left-uq">
                            <img src="images/chuxing1.webp" alt="">
                            <img src="images/chuxing2.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item-uq-box">
                                <div class="bd-item-uq-txt1">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot1">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 中间的小插图 -->
            <img src="images/xiaomipen.webp" alt="" class="experstional">
            <!-- 第九行整个大盒子 日用百货 -->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">日用百货</div>
                    <div class="hd-right1">
                        <span class="hd-right1-1">个性健康</span>
                        <span class="hd-right1-1">电线/线材</span>
                        <span class="hd-right1-1">儿童用品</span>
                        <span class="hd-right1-1">家居床品</span>
                    </div>

                </div>
                <!-- 下半部分 -->
                <div class="box-bd">
                    <div class="row">
                        <div class="bd-left bd-left-uq">
                            <img src="images/baihuo1.webp" alt="">
                            <img src="images/baihuo2.webp" alt="">
                        </div>
                        <div class="bd-right">
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span>
                                </div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item">
                                <img src="images/bdlistimg3.webp" alt="">
                                <div class="bd-txt">
                                    <h4> Xiaomi Watch S1</h4>
                                    <span class="bd-txt8100">天玑8100|真旗舰芯</span>
                                    <span class="bd-txt1999">1049元起<em>1099元</em></span></div>
                            </a>
                            <a href="#" class="bd-item-uq-box">
                                <div class="bd-uq-slbox">
                                    <h4 class="bd-item-uq-title">Redmi显示器23.8英寸</h4>
                                    <p class="price">669元</p>
                                </div>
                                <div class="bd-item-uq-txt1">
                                    <div class="bd-uq-more">浏览更多</div>
                                    <div class="bd-uq-hot1">热门</div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 视频部分 -->
            <div class="home-box">
                <!-- 上半部分 -->
                <div class="box-hd">
                    <div class="hd-left">手机</div>
                    <div class="hd-right">查看更多<em></em></div>
                </div>
                <div class="hd-video">
                    <div class="video-item">
                        <img src="images/video1.webp" alt="">
                        <p>2021年春季新品发布会第一场</p>
                        <a class="play" href="#"><i class="iconfont-play"></i></a>
                    </div>
                    <div class="video-item">
                        <img src="images/video2.webp" alt="" class="xiaoguo">
                        <p>Redmi 10X系列发布会</p>
                        <p class="r10x">Redmi 10X系列发布会</p>
                        <a class="play" href="#"><i class="iconfont-play"></i></a>
                    </div>
                    <div class="video-item">
                        <img src="images/video3.webp" alt="">
                        <p>小米10 青春版 发布会</p>
                        <a class="play" href="#"><i class="iconfont-play"></i></a>
                    </div>
                    <div class="video-item">
                        <img src="images/video4.webp" alt="">
                        <p>小米10 8K手机拍大片</p>
                        <a class="play" href="#"><i class="iconfont-play"></i></a>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <!-- 上部分 -->
            <div class="site-footer">
                <!-- 第一部分 上 -->
                <div class="w">
                    <div class="footer-service">
                        <ul>
                            <li>
                                <a href="#">预约维修服务</a>
                            </li>
                            <li>
                                <a href="#">7天无理由退换货</a>
                            </li>
                            <li>
                                <a href="#">15天免费换货</a>
                            </li>
                            <li>
                                <a href="#">满69元包邮</a>
                            </li>
                            <li>
                                <a href="#">520余家售后网点</a>
                            </li>
                        </ul>
                    </div>
                    <!-- 第一部分 下  -->
                    <div class="footer-links">
                        <dl class="col-links">
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                        <dl class="col-links">
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                        <dl class="col-links">
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                        <dl class="col-links">
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                        <dl class="col-links">
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                        <dl class="col-links">
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                        <div class="col-contact">
                            <p class="phone">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a href="#" class="col-btn small-btn">
                                <em>人工客服</em>
                            </a>
                            <div class="follow">关注小米:
                                <a href="#" class="wb"></a>
                                <a href="#" class="wx"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 第二部分 -->
            <div class="site-info">
                <div class="w">
                    <div class="logo">
                        <img src="images/logo-mi2.png" alt="">
                    </div>
                    <div class="info-text">
                        <p class="sites">
                            <a href="#">小米商城</a>
                            <span class="sep">|</span>
                            <a href="#">MIUI</a>
                            <span class="sep">|</span>
                            <a href="#">米家</a>
                            <span class="sep">|</span>
                            <a href="#">米聊</a>
                            <span class="sep">|</span>
                            <a href="#">多看</a>
                            <span class="sep">|</span>
                            <a href="#">游戏</a>
                            <span class="sep">|</span>
                            <a href="#">政企服务</a>
                            <span class="sep">|</span>
                            <a href="#">小米天猫店</a>
                            <span class="sep">|</span>
                            <a href="#">小米集团隐私政策</a>
                            <span class="sep">|</span>
                            <a href="#">小米公司儿童信息保护规则</a>
                            <span class="sep">|</span>
                            <a href="#">小米商城隐私政策</a>
                            <span class="sep">|</span>
                            <a href="#">小米商城用户协议</a>
                            <span class="sep">|</span>
                            <a href="#">问题反馈</a>
                            <span class="sep">|</span>
                            <a href="#">Select Location</a>
                        </p>
                        <p class="sites">
                            <a href="#">北京互联网法院法律服务工作站</a>
                            <span class="sep">|</span>
                            <a href="#">中国消费者协会</a>
                            <span class="sep">|</span>
                            <a href="#">北京市消费者协会</a>
                        </p>
                        <p>©
                            <a href="#">mi.com</a> 京ICP证110507号
                            <a href="#">京公网安备11010802020134号</a>
                            <a href="#">京网文[2020]0276-042号</a>
                            <br>
                            <a href="#">（京）网械平台备字（2018）第00005号</a>
                            <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                            <a href="#">营业执照</a>
                            <a href="#">医疗器械质量公告</a>
                            <br>
                            <a href="#">增值电信业务许可证</a> &nbsp; 网络食品经营备案 京食药网食备202010048 &nbsp;
                            <a href="#">食品经营许可证</a>
                            <br> 违法和不良信息举报电话：171-5104-4404&nbsp;
                            <a href="#">知识产权侵权投诉</a> &nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </div>
                </div>
                <div class="w">
                    <div class="info-links">
                        <a href="#">
                            <img src="images/footer1.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/footer2.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/footer3.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/footer4.png" alt="">
                        </a>
                        <a href="#">
                            <img src="images/footer5.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>